﻿<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <meta charset="utf-8">
    <title>Musicallis</title>

    <!-- Estilos--> 
    <link href="@Url.Content("~/content/bootstrap.css")" rel="stylesheet">
	<link href="@Url.Content("~/content/bootstrap-responsive.css")" rel="stylesheet">
    <link href="@Url.Content("~/content/secondary.css")" rel="stylesheet">

    <!-- Scripts --> 
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="@Url.Content("~/scripts/bootstrap.js")"></script>
	<script src="@Url.Content("~/scripts/bootstrap.min.js")"></script>
    <script src="@Url.Content("~/scripts/colors.js")"></script>

	
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>

</head>
<body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner-purple">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <img class="logoMusicallis brand" src="@Url.Content("~/images/musicallis-white.png")" border="0" />

            
          <div class="nav-collapse collapse">
			@{ Html.RenderPartial("_LoginPartial"); }
          </div>

        <span class="colorBlock">
            <button class="colorPurple"></button>
            <button class="colorGreen"></button>
            <button class="colorOrange"></button>
        </span>

        </div>
      </div>
    </div>
    
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav well-purple">
            <ul class="nav nav-list">
              <li class="nav-header">Meu Musicallis</li>
              <li><img class="photoProfile" src="@Url.Content("~/images/dashboard/profile.png")" border="0" /><li>
              <li class="selection topic-07"><span class="red-music"></span>@Ajax.ActionLink("Musicas", "Music", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-01"><span class="red-playlist"></span>@Ajax.ActionLink("Playlists", "PlayList", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-02"><span class="red-profile"></span>@Ajax.ActionLink("Perfil", "Profile", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-03"><span class="red-friends"></span>@Ajax.ActionLink("Amigos", "Friends", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-04"><span class="red-forum"></span>@Ajax.ActionLink("Fórum", "Forum", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-05"><span class="red-config"></span>@Ajax.ActionLink("Configurações", "Manage", "Account", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
              <li class="selection topic-06"><span class="red-contact"></span>@Ajax.ActionLink("Contato", "Contact", "Home", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "main-x" })</li>
            </ul>
          </div><!--/.well -->
        </div><!--/span3-->
        <div class="span6">
            <div id="main-x">
                @RenderBody()
            </div>
        </div><!--/span-->
      </div><!--/row-->

	  <hr>
	  <footer>
		<p>&copy; Musicallis 2012</p>
	  </footer>
	  <hr>

    </div><!--/.fluid-container-->

        <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    @RenderSection("Scripts", false)
</body>
</html>